<!DOCTYPE html>
<html>
<head>
    <% include ../include/css_header.html %>
    <link type="text/css" rel="stylesheet" href="/actlist.css" />
    <style>
        .act_name a{
            color: #000000;
        }
    </style>
</head>
<body class="actlist_bg">
<div class="container" style="min-height:640px">
    <% include ../include/top_bar.html %>
    <div class="row">
        <div style="height: 30px;"></div>
        <div class="col-xs-12 font_shadow_133000" style="color: #ffffff;text-align: center">
            <h3><strong>我的聚会</strong></h3>
        </div>
    </div>
    <div class="row act_tab">
        <div class="col-xs-4">
            <span>我发起的</span>
        </div>
        <div class="col-xs-4">
            <!--<span class="icon-record dian"></span>-->
        </div>
        <div class="col-xs-4">
            <span>我参加的</span>
        </div>
    </div>
    <hr class="standard_line">
    <div id="content">
        <!-- 节点 start -->
        <% if(acts.length > 0){
        for(var i=0,len=pageSize; i< len; i++){
        var act = acts[i];
        if(act){
        if(act.creator.id === user.id){
        %>
        <div class="row act_time_node" data-id="<%=act.id %>">
            <div class="col-xs-12 node_panel">
                <div class="node_r">
                    <span class="node_arrows_r">◆</span>
                    <p class="act_name"><a href="/invite/<%=act.id %>"><%=act.name %></a></p>
                    <p class="act_users">
                        <img src="/img/<%=act.creator.id %>" class="img-circle act_headimg" onError="this.src='/fj_default_headimg';"/> <%=act.creator.name %>
                    </p>
                </div>
                <div class="node_mid"><span class="icon-circle-full act_dian"></span></div>
                <div class="node_l" style="text-align: left">
                    <label class="act_time"><%=dateUtil.getZhDate(act.startTime, 'no') %>(周<%=dateUtil.getWeekday(act.startTime)%>)</label>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <% }else{ %>
        <div class="row act_time_node" data-id="<%=act.id %>">
            <div class="col-xs-12 node_panel">
                <div class="node_l">
                    <label class="act_time">(周<%=dateUtil.getWeekday(act.startTime)%>)<%=dateUtil.getZhDate(act.startTime, 'no') %></label>
                </div>
                <div class="node_mid"><span class="icon-circle-full act_dian"></span></div>
                <div class="node_r">
                    <span class="node_arrows_l">◆</span>
                    <p class="act_name"><a href="/invite/<%=act.id %>"><%=act.name %></a></p>
                    <p class="act_users">
                        <img src="/img/<%=act.creator.id %>" class="img-circle act_headimg" onError="this.src='/fj_default_headimg';"/> <%=act.creator.name %>
                    </p>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <% }
        <!--console.log(dateUtil.twoDateBetween(act.startTime, acts[i+1]?acts[i+1].startTime:0))-->
        }else{ %>
        <div class="row act_time_node" style="height: 40px;"></div>
        <% } } %>
    </div><!--dd -->
    <div class="row">
        <div class="col-xs-12" style="text-align: center">
            <button type="button" class="btn btn-block" id="loadmore" style="background:none;">Load more...</button>
        </div>
    </div>
    <div class="row" style="margin-top: 10px;">
        <div class="col-xs-12">
            <button type="button" class="btn btn-success btn-block" id="startAct">
                <span class="icon-feather"></span>
                <strong>发起一个聚会</strong>
            </button>
        </div>
    </div>
    <% }else{ %>
    <div class="row act_time_node" style="height: 30px;"></div>
    <div class="row">
        <div class="col-xs-12">
            <div class="jumbotron bg_op_panel">
                <h1>聚会也是江湖，去结交各路英雄吧，少侠～</h1>
                <p>...</p>
                <p><a class="btn btn-success btn-lg" role="button"  id="startAct2">
                    <span class="icon-feather"></span> 发起聚会</a>
                </p>
            </div>
        </div>
    </div>
    <% } %>
    <input type="hidden" id="pageNo" value="<%=pageNo %>"/>
    <!-- 节点 end -->
    <% include ../include/copyright.html %>
</div>
<% include ../include/slide_menu.html %>
<% include ../include/js_footer.html %>
<!--<script src="/compoments/scrollpagination.js"></script>-->
<script src="<%=_locals.static_js_path %>/actlist.js"></script>
<script type="text/javascript">
    var userId = '<%=user.id %>'
</script>
</body>
</html>